<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <title>kind</title>

    <link rel="stylesheet" type="text/css" href="css/1.css"/>
</head>
<body>
    <ul class="kind" id="list">
        <li class="kind-item white">
            <img src="kinds/1.1.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.2.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.3.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.4.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.5.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.6.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.7.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.8.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.9.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.11.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
        <li class="kind-item white">
            <img src="kinds/1.12.jpg"  alt="">
            <p>鲜花礼盒</p>
            <p>￥199</p>
        </li>
    </ul>
</body>
<script type="text/javascript" >
//    var datas=[
//        {
//            img:"kinds/0.1.jpg",
//            name:"",
//            price:126
//        },
//        {
//            img:"kinds/0.2.jpg",
//            name:"满天星",
//            price:93
//        },
//        {
//            img:"kinds/0.3.jpg",
//            name:"小清新",
//            price:183
//        },
//        {
//            img:"kinds/0.4.jpg",
//            name:"烈焰玫瑰",
//            price:231
//        },
//        {
//            img:"kinds/0.5.jpg",
//            name:"",
//            price:83
//        },
//    ]
//    window.onload=function(){
//        var fragment = document.createDocumentFragment();
//        for(var i = 0;i<datas.length;i++){
//            var tempNode = document.createElement("li");
//            tempNode.innerHTML='<img src="'+datas[i].img+'"  alt=""><p>'+datas[i].name+'</p><p>￥'+datas[i].price+'</p>';
//            tempNode.setAttribute("class","kind-item white");
//            fragment.appendChild(tempNode);
//        }
//        document.getElementById("list").appendChild(fragment);
//
//    }
</script>
</html>